﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片滑动效果</title>
    <link rel="stylesheet" type="text/css" href="index.css">
    <script type="text/javascript" src="index.js"></script>
</head>
<body>


<h2 id="miaov_title1">图片滑动展示效果</h2>
<h3 id="miaov_title2"><a href="http://www.miaov.com" title="妙味课堂 - www.miaov.com">妙味课堂 - www.miaov.com</a></h3>

<div id="images_slide">
    <a href="javascript:;" style="display:block; width:450px; height:334px; position:absolute; top:0px; left:0px; background:red; filter: alpha(opacity:0); opacity:0; z-index:10;"></a>
    <img src="images/1.jpg" alt="妙味课堂 - www.miaov.com" style="z-index:1;" />
    <img src="images/2.jpg" alt="妙味课堂 - www.miaov.com" style="z-index:2;" />
    <img src="images/3.jpg" alt="妙味课堂 - www.miaov.com" style="z-index:3;" />

</div>

</body>
</html>